import Base from "./base.js";

export default class extends Base {
    render() {

        const template = `
            <div class="layui-layout layui-layout-admin">
            <div class="layui-header">
                <div class="layui-logo" style="font-size: 26px;">猫眼管理系统</div>
                <!-- 头部区域（可配合layui已有的水平导航） -->
                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item"><a href="#/info">个人中心</a></li>
                    <li class="layui-nav-item">
                        <a href="#/info"><i class=" layui-icon">&#xe770;</i>管理员</a>
                    </li>
                    <li class="layui-nav-item"><a id="out" href="#/login">退出</a></li>
                    <li class="layui-nav-item"><a href="#/info">帮助<i class=" layui-icon">&#xe607;</i></a></li>
                </ul>
            </div>
            <div class="layui-side layui-bg-black">
                <ul class="layui-nav layui-nav-tree" lay-filter="nav">
                    <li class="layui-nav-item"><a data-value="用户管理">用户管理</a>
                        <dl class="layui-nav-child">
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="新增用户" href="#/info/addUser">新增用户</a></dd>
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="用户列表" href="#/info/userList">用户列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a data-value="电影管理">电影管理</a>
                        <dl class="layui-nav-child">
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="新增电影" href="#/info/addMovie">新增电影</a></dd>
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="电影列表" href="#/info/movieList">电影列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a data-value="影院管理">影院管理</a>
                        <dl class="layui-nav-child">
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="新增影院" href="#/info/addCinema">新增影院</a></dd>
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="影院列表" href="#/info/cinemaList">影院列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a data-value="影厅管理">影厅管理</a>
                        <dl class="layui-nav-child">
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="新增影厅" href="#/info/addTheater">新增影厅</a></dd>
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="影厅列表" href="#/info/theaterList">影厅列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a data-value="排片管理">排片管理</a>
                        <dl class="layui-nav-child">
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="新增排片" href="#/info/addSchedules">新增排片</a></dd>
                            <dd class="layui-anim layui-anim-scaleSpring"><a data-value="排片列表" href="#/info/schedulesList">排片列表</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>

            <div class="layui-body">
                <div style="padding: 15px;" class="info-content"></div>
            </div>
        </div>

        `
        this.$el.html(template);
    }
    handle() {
      
    }

    layui() {
        this.element.render();
        this.form.render();
    }
}